<template>
  <div>
      <svg-icon :svg-name="'el-icon-arrow-right'" :class-name="'svg-env'" />
      <svg-icon :svg-name="'el-icon-arrow-left'" :class-name="'svg-env2'" />
      <svg-icon :svg-name="'el-icon-check'" :class-name="'svg-env3'" />
      <svg-icon :svg-name="'el-icon-circle-plus'" :class-name="'svg-env4'" />
      <svg-icon :svg-name="'el-icon-close'" :class-name="'svg-env'" />
  </div>
</template>

<style scoped>
.svg-env {
  color: rgb(135, 135, 221);
}
.svg-env2 {
  color: rgb(231, 169, 34);
}
.svg-env3 {
  color: rgb(202, 245, 10);
}
.svg-env4 {
  color: rgb(236, 22, 57);
}
</style>